const path = require('path');
// const { name } = require('./package');
const packageName = 'vue2'

function resolve(dir) {
  return path.join(__dirname, dir);
}

const port = 9004;

module.exports = {
  outputDir: 'dist', // 打包的目录
  assetsDir: 'static', // 打包的静态资源
  filenameHashing: true, // 打包出来的文件，会带有hash信息
  publicPath: 'http://localhost:9004',
  devServer: {
    // contentBase: path.join(__dirname, 'dist'),
    // directory: path.join(__dirname, 'dist'),
    static: {
      directory: path.join(__dirname, 'dist'),  // 正确配置
    },
    hot: true,
    // disableHostCheck: true,
    allowedHosts: 'all',  // 允许所有主机访问
    port,
    headers: {
      'Access-Control-Allow-Origin': '*', // 本地服务的跨域内容
    },
  },
  // 自定义webpack配置
  configureWebpack: {
    resolve: {
      alias: {
        '@': resolve('src'),
      },
    },
    output: {
      // 把子应用打包成 umd 库格式 commonjs 浏览器，node环境
      // filename: 'vue2.js',
      // filename: 'static/js/[name].[contenthash].js',  // 为每个入口生成不同的文件
      // chunkFilename: 'static/js/[name].[contenthash].js',  // 为动态加载的 chunk 生成不同文件
      // chunkLoadingGlobal: `webpackJsonp_${packageName}`,

      library: `${packageName}`,
      libraryTarget: 'umd',
    },
  },
};
